<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>C0D0 模板</title>
    <link rel="shortcut icon" type="image/x-icon" href="./img/Icon.ico">
    <link rel="stylesheet" type="text/css" href="./css/No_Copy.css">
    <link rel="stylesheet" type="text/css" href="./css/Demo.css">
    <link rel="stylesheet" type="text/css" href="./css/C0D0.css">
    <link rel="stylesheet" type="text/css" href="./css/TextColor.css">
    <script type="text/javascript" src="./js/Demo.js"></script>
    <script type="text/javascript" src="./js/Browse.js"></script>
    <script type="text/javascript" src="./js/BottomA.js"></script>
    <!-- 嵌入此页面的专属 Js -->
    <script src="./js/C2D1.js"></script>
</head>

<body>
    <!-- 页眉部分 -->
    <div class="top">
        <!-- <h1>第二模块 第 01 单元</h1> -->
        <h1>Web Note</h1>
    </div>
    <!-- ! 页眉部分 End -->

    <!-- 中间部分 -->
    <div class="demo">
        <!-- 第 01 组 -->
        <div class="demo-box">
            <!-- 提问部分 -->
            <div class="wen">
                <!-- 序号 -->
                <div class="num">Null</div>
                <!-- 问题 -->
                <div class="text-box">标题</div>
            </div>
            <!-- 回答部分 -->
            <div class="da one-box">回答 1</div>
            <div class="da">回答 2</div>
        </div>

        <!-- 第 02 组 -->
        <div class="demo-box">
            <!-- 提问部分 -->
            <div class="wen">
                <!-- 序号 -->
                <div class="num">Null</div>
                <!-- 问题 -->
                <div class="text-box">标题</div>
            </div>
            <!-- 回答部分 -->
            <div class="da one-box c-red font-size-one">&gt;&gt; 回答1</div>
            <div class="da">回答 2</div>
        </div>
    </div>
    <!-- ! 中间部分 End -->

    <!-- 页脚部分 -->
    <div class="bootom">
        <div class="title-bottom">
            <span>友情链接</span>
        </div>
        <div class="text-box">
            <div class="text-one content-box">
                <p>内部链接</p>
                <a href="javascript:void(0);" onclick="oTiao(1, 1)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(1, 2)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(1, 3)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(1, 4)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(1, 5)">Null</a>
            </div>
            <div class="text-two content-box">
                <p>外部链接</p>
                <a href="javascript:void(0);" onclick="oTiao(2, 1)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(2, 2)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(2, 3)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(2, 4)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(2, 5)">Null</a>
            </div>
            <div class="text-three content-box">
                <p>快捷组件</p>
                <a href="javascript:void(0);" onclick="oTiao(3, 1)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(3, 2)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(3, 3)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(3, 4)">Null</a>
                <a href="javascript:void(0);" onclick="oTiao(3, 5)">Null</a>
            </div>
        </div>
        <div class="statement-box">
            作者：<a href="javascript:void(0);">苏常青</a>
            创建于：2022年01月31日 月曜日
            联系方式：<a href="javascript:void(0);">2244915205</a>
        </div>
    </div>
    <!-- ! 页脚部分 End -->
</body>

</html>